<template>
	<view class="user_setting">
		<view class="main">
			<view class="item" v-for="(item,index) in list" :key="index" @click="goToPage(item.path)">
				<view class="img">
					<image :src="item.img" mode="widthFix"></image>
				</view>
				<view class="right">
					<text class="text">{{item.text}}</text>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					{
						img: "https://hetp.hephp.cn/static/images/hdzx.png",
						text: '活动中心',
						path: '/pages/actCenter/actCenter',
					},
					{
						img: "https://hetp.hephp.cn/static/images/sj.png",
						text: '商家信息',
						path: '/pagesA/merchantshow/merchantshow',
					},
					{
						img: "https://hetp.hephp.cn/static/images/js.png",
						text: '技师管理',
						path: '/pagesA/technician/technician',
					},
					{
						img: "https://hetp.hephp.cn/static/images/lx.png",
						text: '联系我们',
						path: '/pagesA/contactUs/contactUs',
					},
				]
			};
		}
	}
</script>

<style lang="scss" scoped>
.main {

	.item {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 10rpx 0 20rpx;
		.img {
			width: 70rpx;
			height: 70rpx;
			margin-right: 30rpx;
		}
		.right {
			width: 100%;
			padding: 30rpx 0;
			border-bottom: 1px solid $line-grey;
		}
		.text {
			font-size: 29rpx;
		}
	}
}
</style>
